<link rel="stylesheet" href="<?php echo base_url() .'public/' ?>/thirdParty/h5/animate.css-master/animate.min.css" />
<script src="<?=base_url()?>public/app/h5/indexCtrl.js?v=<?php echo time()?>"></script>
<link rel="stylesheet" href="<?php echo base_url() .'public/' ?>/css/h5animate.css?v=<?php echo time()?>" />

<div class="content">
    <input type="hidden" id="hiddenCurrentIndex" value="0"/>
    <input type="hidden" id="hiddenMax" value="4"/>

    <img src="<?php echo base_url() .'public/' ?>images-new/arrow-down.png" class="animated infinite bounce delay-2s arrow-down" />

    <div>
        <div class="back-x" data-index="0">
            <img class="img-back-1-1" src="<?php echo base_url() .'public/' ?>images-new/1/a-3.png" />
            <img class="img-back-1-2" src="<?php echo base_url() .'public/' ?>images-new/1/a-5.png" />
            <img class="img-back-1-3" src="<?php echo base_url() .'public/' ?>images-new/1/a-4.png" />

            <div class="ani-text-box-0">
                <img src="<?php echo base_url() .'public/' ?>images-new/1/a-1.png" class="img-1" img-index="1" />
                <img src="<?php echo base_url() .'public/' ?>images-new/1/a-2.png" class="img-2" img-index="2" />
            </div>
        </div>
        <div class="back-x" data-index="1">
            <img class="img-back-2-1" src="<?php echo base_url() .'public/' ?>images-new/2/a-4.png" />
            <img class="img-back-2-2" src="<?php echo base_url() .'public/' ?>images-new/2/a-5.png" />
            <div class="ani-text-box-1">
                <img src="<?php echo base_url() .'public/' ?>images-new/2/a-1.png" class="img-1" img-index="1" />
                <img src="<?php echo base_url() .'public/' ?>images-new/2/a-6.png" class="img-2" img-index="2" />
                
            </div>
        </div>
        <div class="back-x" data-index="2">
            <img class="img-back-3-1" src="<?php echo base_url() .'public/' ?>images-new/3/a-7.png" />
            <img class="img-back-3-2" src="<?php echo base_url() .'public/' ?>images-new/3/a-6.png" />
            <div class="ani-text-box-2">
                <img src="<?php echo base_url() .'public/' ?>images-new/3/a-1.png" class="img-1" img-index="1" />
                <img src="<?php echo base_url() .'public/' ?>images-new/3/a-2.png" class="img-2" img-index="2" />
                <img src="<?php echo base_url() .'public/' ?>images-new/3/a-3.png" class="img-3" img-index="3" />
                <img src="<?php echo base_url() .'public/' ?>images-new/3/a-4.png" class="img-4" img-index="4" />
                <img src="<?php echo base_url() .'public/' ?>images-new/3/a-5.png" class="img-5" img-index="5" />
            </div>
        </div>
        <div class="back-x" data-index="3">
            <img class="img-back-4-1" src="<?php echo base_url() .'public/' ?>images-new/4/a-5.png" />
            <img class="img-back-4-2" src="<?php echo base_url() .'public/' ?>images-new/4/a-4.png" />
            <div class="ani-text-box-3">
                <img src="<?php echo base_url() .'public/' ?>images-new/4/a-1.png" class="img-1" img-index="1" />
                <img src="<?php echo base_url() .'public/' ?>images-new/4/a-2.png" class="img-2" img-index="2" />
                <img src="<?php echo base_url() .'public/' ?>images-new/4/a-3.png" class="img-3" img-index="3" />
            </div>
        </div>  
    </div>

    <img src="<?php echo base_url() .'public/' ?>images/video-pause.png" class="video-pause" />
    <img src="<?php echo base_url() .'public/' ?>images/video-play.png" class="video-play" style="display:none;" />

    <audio controls="controls" id="audioPlayer" style="display:none;">
        <source src="<?php echo base_url() .'public/audio/5d10e44de49bc6413d7ae82a.mp3' ?>" type="audio/mpeg">
    </audio>

</div>